<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('search-page/css/search.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="javascript:history.go(-2);"></a>

    <div class="searchbar" ng-init="searchClass()">
        <a class="searchbar-cancel" ng-click="search2()">搜索</a>

        <div class="search-input">
            <label class="icon icon-search" for="search"></label>
            <input ng-model="keyWord" type="search" id='search' value="{{keyWord}}" placeholder='输入关键字...'/>
        </div>
    </div>
</header>

<div ng-show="dataInfo.length!=0" class="content infinite-scroll" ng-init="test()">

    <!-- 右侧内容开始 -->
    <div class="list-block media-list" style="z-index: -1;width: 100%;padding: 0">
        <div class="right-cont">

            <ul>
                <li class="item-content" ng-repeat="x in dataInfo" ng-click="getClassId(x.classId)">
                    <div class="item-media">
                        <div class="status">
                            <img ng-src="{{x.classImg}}">
                        </div>
                    </div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">{{x.classType.typeName}}</div>
                        </div>
                        <div class="item-subt">{{x.classDetail | cut:true:28:'...' }}</div>
                        <div class="item-foot-row">
                            <span class="item-foot-star">
                               评分{{x.classEvaluateGrade}}
                            </span>

                            <div class="item-foot-right-down">{{x.classPrice|currency:"金额 ¥ " }}</div>
                        </div>

                    </div>
                </li>
            </ul>

        </div>
    </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>

<div ng-show="dataInfo.length==0" class="content infinite-scroll" ng-init="test()">

    <!-- 右侧内容开始 -->
    <div class="list-block media-list">
        <div style="width: 5rem;margin: 0 auto;padding-top: 2rem">
            <img ng-src="page/myorders1-page/img/noorder.png" alt="" style="width: 5rem">
        </div>
        <div class="right-cont"
             style="text-align: center;height: 4rem;line-height: 4rem;color: #c4c4c4;font-size: .8rem">
            暂无搜索课程，换个关键词试试
        </div>
    </div>
</div>
<div ng-init="suiMobileInit('search-page/js/search.js')"></div>
